<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/header.css">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/footer.css">
    <link rel="stylesheet" type="text/css" href="css/details.css">
    <script src="js/jquery-1.12.3.js"></script>
    <script src="js/cookie封装.js"></script>
    <script src="js/details.js"></script>
</head>
<body>
<header>
    <!--注册登录部分-->
    <div id="warp-header" class="clear">
        <ul>
            <li><a href="#">奥特莱斯购物中心</a></li>
            <li><a href="#">商家入驻</a></li>
            <ul>
                <li><a href="#">深圳华盛奥特莱斯</a></li>
                <li><a href="#">南宁华盛奥特莱斯</a></li>
                <li><a href="#">南昌华盛奥特莱斯</a></li>
                <li><a href="#">西安华盛奥特莱斯</a></li>
                <li><a href="#">郑州华盛奥特莱斯</a></li>
                <li><a href="#">哈尔滨华盛奥特莱斯</a></li>
            </ul>
        </ul>
        <ul class="last">
            <li>您好，欢迎来到奥莱购</li>
            <li><a href="login.html">请登录</a></li>
            <li><a href="register.html" target="_blank">免费注册</a></li>
            <li><img src="images/sprite-top-icon-cart.png"><a href="#"> 购物车</a><span style="color: red">0</span></li>
            <li><a href="#">订单查询</a></li>
            <li><a href="#">我的收藏</a></li>
            <li><a href="#">帮助中心</a></li>
        </ul>
    </div>
</header>
<!--搜索和logo部分-->
<div id="search-logo">
    <div id="box">
        <!--搜索框上部分-->
        <div class="search-logo-box">
            <div class="logo">
                <a href="#" title="欢迎来到奥莱购商城">欢迎来到奥莱购商城</a>
            </div>
            <div class="search">

                <input type="text" placeholder="郑瑞文包场" id="txt">
                <input type="button" value="搜索" id="but">
                <ul>
                    <li>热门搜索:</li>
                    <li><a href="#">新百伦</a></li>
                    <li><a href="#">T桖</a></li>
                    <li><a href="#">连衣裙</a></li>
                    <li><a href="#">休闲鞋</a></li>
                    <li><a href="#">防晒</a></li>
                    <li><a href="#">春装</a></li>
                    <li><a href="#">耐克</a></li>
                </ul>
            </div>
        </div>


        <!--搜索框下部分-->
        <div class="search-logo-bottom">
            <!--全部商品导航部分-->
            <div class="left-nav">
                全部商品
                <span></span>
            </div>
            <!--头部导航-->
            <div class="right-nav">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">国际奢品</a><span>best</span></li>
                    <li><a href="#">跨境优品</a></li>
                    <li><a href="#">限时秒杀</a></li>
                    <li><a href="#">线下实体</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div id="main">
    <div class="deta-main">
        <div class="top">
          <ul>
              <li><a href="#">奥莱商城</a>&gt;</li>
              <li><a href="#">男装</a>&gt;</li>
              <li><a href="#">男士上装</a>&gt;</li>
              <li><a href="#">短袖T桖</a>&gt;</li>
              <li><a href="#">KENZO</a>&gt;</li>
              <li><a href="#">高田贤三 新品男款纯棉T桖F755TS0554YI01</a></li>
          </ul>
        </div>
        <div class="center">
                  <div class="left">
                      <span></span>
                      <ul>
                          <li><img src="images/deta.1.jpg"></li>
                          <li><img src="images/deta.2.jpg"></li>
                          <li><img src="images/deta.3.jpg"></li>
                          <li><img src="images/deta.4.jpg"></li>
                          <li><img src="images/deta.5.jpg"></li>
                      </ul>
                      <span></span>
                  </div>

                 <div class="middle">
                     <div class="big">
                         <img src="images/deta.1.1.jpg" alt="">
                         <div class="small"></div>
                         <div style="width: 400px;height: 400px;position: absolute;left:0;top:0" class="yin"></div>
                     </div>
                         <div class="hid">

                         </div>
                 </div>
            <div class="right">
                <div class="name">
                    <span></span>
                   <strong> KENZO 高田贤三 新品男款纯棉T桖F755TSO554YI 01</strong>
                </div>
                <div class="activity">
                 下单即享8.8折优惠，活动时间5.26 20:00-5.31 20:00
                </div>
                <div class="cost">
               活动价：<span>￥699.00</span> <del>￥1200.00</del>
                </div>
                <div class="discount">
                 <span></span>
                    <ul>
                        <li>以优惠价699.00元够吗</li>
                        <li>下单购满1件8.80折/件</li>
                    </ul>
                </div>
                <div class="norms">
                      <ul class="top">
                          <li>选择颜色:</li>
                          <li><div style="border: 1px solid red">白色</div></li>
                      </ul>
                    <ul>
                        <li>选择尺码:</li>
                        <li><div>L</div><div>M</div><div style="border: 1px solid red">S</div><div>XL</div></li>
                    </ul>
                </div>

                <div class="num">
                         <ul>
                             <li>
                                 <div>选择数量</div>
                                 <div>剩余1件</div>
                             </li>
                             <li>
                                 <div>1</div>
                                 <div>
                                     <a href="#">+</a>
                                     <a href="#">-</a>
                                 </div>
                             </li>
                             <li>
                                 <input type="button" value="加入购物车">
                             </li>
                         </ul>


                </div>
            </div>
                 
        </div>
    </div>
</div>
<footer>
    <div id="footer">
        <div class="footer-top">
            <ul>
                <li>
                    <div></div>
                    <div>
                        <span>100%</span>
                        <p>全场正品保证</p>
                    </div>
                </li>
                <li>
                    <div></div>
                    <div>
                        <span>Mail</span>
                        <p>实付满58包邮</p>
                    </div>
                </li>
                <li>
                    <div></div>
                    <div>
                        <span>SALE</span>
                        <p>每天低价特卖</p>
                    </div>
                </li>
                <li>
                    <div></div>
                    <div>
                        <span>7Days</span>
                        <p>七天无理由换货</p>
                    </div>
                </li>

                <li>
                    <div></div>
                    <div>
                        <span>全渠道</span>
                        <p>线上线下同步服务</p>
                    </div>
                </li>
            </ul>
        </div>





        <div class="footer-center">
            <ul>
                <li>
                    <div></div>
                    <span>微博</span>
                </li>
                <li>
                    <div></div>
                    <span>微信</span>
                </li>
                <li>
                    <div>客服热线:</div>
                    <div class="list">
                        <h2>400 - 184 -886</h2>
                        <h2>0755 - 28431129</h2>
                        <h2>18926763775</h2>
                    </div>
                    <div>周一至周日：09:00-21:00</div>
                </li>
            </ul>
            <ul>
                <li>购物指南</li>
                <li><a href="#">购物流程</a></li>
                <li><a href="#">用户注册</a></li>
                <li><a href="#">提交订单</a></li>
                <li><a href="#">找回密码</a></li>
                <li><a href="#">常见问题</a></li>
                <li><a href="#">跨境汇须知</a></li>
            </ul>
            <ul>
                <li>支付方式</li>
                <li><a href="#">网银支付</a></li>
                <li><a href="#">第三方支付</a></li>
                <li><a href="#">支付宝常见问题</a></li>
            </ul>
            <ul>
                <li>配送方式</li>
                <li><a href="#">配送服务查询</a></li>
                <li><a href="#">配送服务说明</a></li>
                <li><a href="#">验货与签收</a></li>
                <li><a href="#">包邮政策</a></li>
            </ul>
            <ul>
                <li>售后服务</li>
                <li><a href="#">退换货政策</a></li>
                <li><a href="#">退换货说明</a></li>
                <li><a href="#">退换货流程</a></li>
                <li><a href="#">退换货管理</a></li>
                <li><a href="#">跨境汇售后服务</a></li>
            </ul>
            <ul>

            </ul>
        </div>

        <!--最底部部分-->
        <div class="footer-bottom">
            <div class="top">
                <ul>
                    <li><a href="#">关于奥莱购</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">诚聘英才</a></li>
                    <li><a href="#">商务合作</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">华南城网</a></li>
                    <li><a href="#">华盛Outlets</a></li>
                </ul>
            </div>


            <div class="center">
                Copyright © 2013-2016 深圳华盛电子商务有限公司 粤ICP备16081451-1号 All Right<br/>
                深圳市龙岗区平湖华南城1号交易广场4楼奥莱购（深圳华盛电子商务有限公司）
            </div>


            <div class="bottom">
                <ul>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                </ul>
            </div>
        </div>
    </div>


</footer>


</body>

</html>